/*一、头部*/
/* 1、默认隐藏子菜单
 * 2、鼠标移入：显示当前子菜单
 * 3、鼠标移出：隐藏子菜单
 */
// 1)获取4个菜单（li）对象
var menu = $('#header #example-navbar-collapse li.menu');
// 2) 获取4个子菜单对象
var submenu = $('#header #example-navbar-collapse li.menu ul.wrap');
// 3)默认隐藏子菜单
submenu.css('display', 'none');
// 4)鼠标移入：显示当前子菜单(其他子菜单隐藏)
menu.mouseover(
	function() {
		// 当前显示（向下滑动显示）
		$(this).find('.wrap').slideDown();
		// 其他隐藏
		$(this).siblings().find('.wrap').css('display', 'none');
	}
);
// 5) 鼠标移出：隐藏子菜单
menu.mouseout(
	function() {
		submenu.css('display', 'none');
	}
);




/*新概念面包*/
/* 1、鼠标移入照片上，出现个人座右铭
   2、鼠标移出照片，隐藏个人座右铭
   3、每隔1秒，随机显示另外3位成员信息：
      计时器重复执行的函数：随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
*/
var div = $('.our-member .data-item div');
var p = $('.our-member .data-item p');
// 定义计时器
var timer_member = setInterval(fun_member, 1000);

// 鼠标移入div：让对应的p出现, 取消计时器
div.mouseover(
	function() {
		$(this).siblings('p').css('display', 'block');
		// 取消计时器
		clearInterval(timer_member);
	}
);
// 移出：所有的p都隐藏，恢复计时器
div.mouseout(
	function() {
		p.css('display', 'none');
		// 恢复计时器
		timer_member = setInterval(fun_member, 1000);
	}
);

/*1、创建学生对象 （模板，new 10个学生）
  2、创建数组：每一个元素就是学生对象*/
function Student(id,name,hometown,title,img,motto){
	this.id=id;
	this.name=name;
	this.hometown=hometown;
	this.title=title;
	this.img=img;
	this.motto=motto;
}
var s1=new Student(1,'身份：','面包','奶酪甜心','img/pic/product1.png','美味健康，好吃加倍');
var s2=new Student(2,'身份：','面包','豆沙诱惑','img/pic/product2.png','美味健康，好吃加倍');
var s3=new Student(3,'身份：','面包','蔓梅心情','img/pic/product3.png','美味健康，好吃加倍');
var s4=new Student(4,'身份：','面包','浓腻深情','img/pic/product1.png','美味健康，好吃加倍');
var s5=new Student(5,'身份：','面包','芝士可可','img/pic/product1.png','美味健康，好吃加倍');
var s6=new Student(6,'身份：','面包','夏日之歌','img/pic/product1.png','美味健康，好吃加倍');
var s7=new Student(7,'身份：','面包','多乐之日','img/pic/product1.png','美味健康，好吃加倍');
var s8=new Student(8,'身份：','面包','莎士比亚','img/pic/product1.png','美味健康，好吃加倍');


var yd1701=[s1,s2,s3,s4,s5,s6,s7,s8];

// 定义计数器要执行的函数
function fun_member() {
	//	console.log("123");
	//随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
	/* 
	   3、循环（3次）
	      1）产生一个随机数[0,10)
	      2）获取数组相应的index(随机数):照片、座右铭、介绍
	      3）替换页面上相应的显示*/
	for(var i=0;i<3;i++){
		var r=Math.floor((Math.random()*10));
		var img=yd1701[r].img;
		var motto=yd1701[r].motto;
		var intro=yd1701[r].title+"："+yd1701[r].name+
		    "，"+yd1701[r].hometown;
		div.eq(i).find('img').attr("src",img);
		p.eq(i).text(motto);
		p.eq(i).siblings('h4').text(intro);
	}	
}


/*最新动态*/
/* 鼠标移入事件：当前块特殊样式，其他块普通样式
                当前块的class name设置为：card-item card-active
                其他块的class name设置为：card-item*/
var course_li=$('.our-course .data-course li.card-item');
course_li.mouseover(
	function(){
	/* 1、设置css样式：css()
	 2、设置html属性：attr()
	 3、设置html的内容：text()*/
		$(this).attr('class','card-item card-active');
		$(this).siblings().attr('class','card-item');
	}
);

